body
{
	margin: 0px;
}

body, table
{
	font-family: sans-serif;
	font-size: 11pt;
}

td
{
	vertical-align: top;
}

h3
{
	margin-bottom: 0.5em;
}

table.master-layout
{
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

table.master-layout td.banner-box
{
	height: 60px;			
}

table.master-layout td.content-box
{
	height: 100%;
}

table.banner-layout
{
	width: 100%;
	height: 100%;
	border-collapse: collapse;			
}

table.banner-layout td.left
{
	width: 170px;
	border-top: solid black 1px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;
	background-color: #202020
}

table.banner-layout td.right
{
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	padding-right: 0.5em;
	color: white;
	background-color: #1D3F68;
	vertical-align: middle;
	font-size: 24pt;
	font-weight: bold;
	text-align: right;
}


a.banner:link
, a.banner:visited
, a.banner:hover
, a.banner:active
{
	text-decoration: none;
	color: white;
}

table.content-layout
{
	width: 100%;
	height: 100%;
	border-collapse: collapse;

}

table.content-layout td.left
{
	width: 170px;
	border-top: solid gray 1px;
	border-left: solid lightgrey 1px;
	border-bottom: solid lightgrey 1px;
	background-color: lavender;
}

table.content-layout td.right
{
	border-top: solid gray 1px;
	border-right: solid lightgrey 1px;
	border-bottom: solid lightgrey 1px;
}

.tab-block
{
	margin-top: 1px;
	margin-bottom: 6px;
	border-top: solid gray 1px;
	font-size: 10pt;
}

.tab
{
	display: block;
	margin: 0px;
	padding: 1px;
	padding-left: 5px;
	border-top: solid white 1px;
	border-bottom: solid gray 1px;
	font-weight: bold;
	text-decoration: none;
}

a.tab-selected, a.tab-selected:visited
{
	color: white;
	background-color: #1D3F68;
	border-top: solid #1D3F68 1px;
}

a.tab-unselected, a.tab-unselected:visited
{
	color: black;
	background-color: lightgrey;
}

a.tab-selected:hover, a.tab-unselected:hover
{
	text-decoration: none;
}

a.tab-unselected:hover
{
	background-color: #E5E5E5;
}

.page
{
	margin: 0.5em;
}

h2
{
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 0.5em;
}

p
{
	margin-bottom: 1.0em;
}

a
{
	color: darkblue;
	text-decoration: none;
	font-weight: bold;
}

a:visited
{
	color: darkred;
}

a:hover
{
	text-decoration: underline;
}

.next
{
	margin-top: 20px;
	border-top: dotted gray 1px;
	padding-top: 10px;
	text-align: right;
}

ul.examples li
{
	margin-bottom: 0.5em;
}

.bookmarklet-box
{
	margin-bottom: 0.5em;
	width: 50%;
	border: solid darkgray 1px;
	background-color: cornsilk;
	padding: 1em;
	font-size: 14pt;
	text-align: center;
}

.example
{
	margin-bottom: 1.0em;
}

.example div
{
	margin-bottom: 0.3em;
}

.example-block-quote
{
	border: dashed gray 1px;
	background-color: cornsilk;
	padding: 6px;
	font-size: 10pt;
}

.example a, .example a:visited
{
	color: blue;
	font-weight: normal;
	text-decoration: underline;
}

.explanatory-callout
{
	margin-right: 80px;
	border: dotted black 1px;
	background-color: whitesmoke;
	padding: 3px;
	font-size: 9pt;
}

div.try-it-out-form
{
	width: 90%;
	padding-top:9pt;
	padding-bottom: 0pt;
	padding-left: 5pt;
	border: solid lightgrey 1px;
	background-color: cornsilk;
}

a.golimojo-wikipedia-link:link
, a.golimojo-wikipedia-link:visited
, a.golimojo-wikipedia-link:hover
, a.golimojo-wikipedia-link:active
{
	color: red;
	text-decoration: underline;
}
